<template>
    <qly-base-page :title="$t('common.applyForTheTourDate')" ref="skyBasePageRef" type="data"
                   refresherEnabled bg-page-color="#f5f5f5">
        <tr-calendar class="uni-calendar--hook" lunar :showMonth="false">
            <template #default="{nowDate,year,month,day}">
                <view class="text-box success-text" @tap="getDate(nowDate,year,month,day)">确定</view>
                <view class="text-box gray-text" @tap="getDate(nowDate,year,month,day)">已带</view>
                <up-gap height="6" bgColor="#fff"></up-gap>
            </template>
        </tr-calendar>
    </qly-base-page>
</template>
<script setup>

const getDate = (nowDate,year,month,day) => {
    console.log('nowDate', nowDate)
    console.log('year', year)
    console.log('month', month)
    console.log('day', day)
    return nowDate.fullDate
}
</script>
<style scoped lang="scss">
.text-box{
    font-size: 24rpx;
    text-align: center;
}
.already-carried{

}
</style>
